'use strict'
import { View, ListView } from '../../component/index'
import globalStyle from '../css.css'
import style from './css.css'
import Descriptor from '../descriptor'
import Item from './Item'
import { dataSource } from './datas.json'

class ListViewBase extends React.Component {
  render () {
    return (
      <View className={globalStyle.example}>
        <ListView
          Item={Item}
          dataSource={dataSource}
          itemKey="id"
          className={style.verticalScrollView}>
        </ListView>
        <Descriptor
          title="基本列表"
        >
        通过`Item`和`itemKey`来设置子节点及子节点的`key`属性，并通过`dataSource`设置数据源。---
        可实现不带刷新及加载功能的垂直滚动列表。
        </Descriptor>
      </View>

    )
  }
}
export default ListViewBase
